import styles from './rank.module.less';

export const Rank = () =>{
    
    return (
        <div className={styles['rankBox']}>
            <div className={styles['rank_top']}>
                <div>必读榜</div>
                <div className={styles['rank_timeBox']}>
                    <div className={styles['rank_time']}>日</div>
                    <div className={styles['rank_time']}>周</div>
                    <div className={styles['rank_time']}>月</div>
                </div>
            </div>
            <div className={styles['rank']}>
                <div className={styles['rankPeople']}>
                    <div className={styles['rankPeople_Num']}>1</div>
                    <div className={styles['rankPeople_Name']}>
                        <img src="https://static.leetcode-cn.com/cn-mono-assets/production/assets/new.77389df8.png" alt="" />
                        <div className={styles['rankPeople_Name_txt']}>
                        交流|预测周赛积分家看到你宝贵的面经和经验分享，我们为大家提供了家看到你宝贵的面经和经验分享，我们为大家提供了
                        </div>
                    </div>    
                    <div className={styles['rankPeople_logo']}>
                        <img src="https://static.leetcode-cn.com/cn-mono-assets/production/assets/new.77389df8.png" alt="" />
                    </div>
                </div>
                <div className={styles['rankPeople_message']}>为了更好地让大家看到你宝贵的面经和经验分享，我们为大家提供了一些关于如何在「求职面试」中发布一篇帖子的建议，快速掌握正确发帖姿势。</div>
            </div>
            <div className={styles['rank']}>
                <div className={styles['rankPeople']}>
                    <div className={styles['rankPeople_Num']}>1</div>
                    <div className={styles['rankPeople_Name']}>
                        <img src="https://static.leetcode-cn.com/cn-mono-assets/production/assets/new.77389df8.png" alt="" />
                        <div className={styles['rankPeople_Name_txt']}>
                        交流|预测周赛积分家看到你宝贵的面经和经验分享，我们为大家提供了家看到你宝贵的面经和经验分享，我们为大家提供了
                        </div>
                    </div>    
                    <div className={styles['rankPeople_logo']}>
                        <img src="https://static.leetcode-cn.com/cn-mono-assets/production/assets/new.77389df8.png" alt="" />
                    </div>
                </div>
                <div className={styles['rankPeople_message']}>为了更好地让大家看到你宝贵的面经和经验分享，我们为大家提供了一些关于如何在「求职面试」中发布一篇帖子的建议，快速掌握正确发帖姿势。</div>
            </div>
            <div className={styles['rank']}>
                <div className={styles['rankPeople']}>
                    <div className={styles['rankPeople_Num']}>1</div>
                    <div className={styles['rankPeople_Name']}>
                        <img src="https://static.leetcode-cn.com/cn-mono-assets/production/assets/new.77389df8.png" alt="" />
                        <div className={styles['rankPeople_Name_txt']}>
                        交流|预测周赛积分家看到你宝贵的面经和经验分享，我们为大家提供了家看到你宝贵的面经和经验分享，我们为大家提供了
                        </div>
                    </div>    
                    <div className={styles['rankPeople_logo']}>
                        <img src="https://static.leetcode-cn.com/cn-mono-assets/production/assets/new.77389df8.png" alt="" />
                    </div>
                </div>
                <div className={styles['rankPeople_message']}>为了更好地让大家看到你宝贵的面经和经验分享，我们为大家提供了一些关于如何在「求职面试」中发布一篇帖子的建议，快速掌握正确发帖姿势。</div>
            </div>
            <div className={styles['rank']}>
                <div className={styles['rankPeople']}>
                    <div className={styles['rankPeople_Num']}>1</div>
                    <div className={styles['rankPeople_Name']}>
                        <img src="https://static.leetcode-cn.com/cn-mono-assets/production/assets/new.77389df8.png" alt="" />
                        <div className={styles['rankPeople_Name_txt']}>
                        交流|预测周赛积分家看到你宝贵的面经和经验分享，我们为大家提供了家看到你宝贵的面经和经验分享，我们为大家提供了
                        </div>
                    </div>    
                    <div className={styles['rankPeople_logo']}>
                        <img src="https://static.leetcode-cn.com/cn-mono-assets/production/assets/new.77389df8.png" alt="" />
                    </div>
                </div>
                <div className={styles['rankPeople_message']}>为了更好地让大家看到你宝贵的面经和经验分享，我们为大家提供了一些关于如何在「求职面试」中发布一篇帖子的建议，快速掌握正确发帖姿势。</div>
            </div>
            <div className={styles['rank']}>
                <div className={styles['rankPeople']}>
                    <div className={styles['rankPeople_Num']}>1</div>
                    <div className={styles['rankPeople_Name']}>
                        <img src="https://static.leetcode-cn.com/cn-mono-assets/production/assets/new.77389df8.png" alt="" />
                        <div className={styles['rankPeople_Name_txt']}>
                        交流|预测周赛积分家看到你宝贵的面经和经验分享，我们为大家提供了家看到你宝贵的面经和经验分享，我们为大家提供了
                        </div>
                    </div>    
                    <div className={styles['rankPeople_logo']}>
                        <img src="https://static.leetcode-cn.com/cn-mono-assets/production/assets/new.77389df8.png" alt="" />
                    </div>
                </div>
                <div className={styles['rankPeople_message']}>为了更好地让大家看到你宝贵的面经和经验分享，我们为大家提供了一些关于如何在「求职面试」中发布一篇帖子的建议，快速掌握正确发帖姿势。</div>
            </div>
            <div className={styles['rank']}>
                <div className={styles['rankPeople']}>
                    <div className={styles['rankPeople_Num']}>1</div>
                    <div className={styles['rankPeople_Name']}>
                        <img src="https://static.leetcode-cn.com/cn-mono-assets/production/assets/new.77389df8.png" alt="" />
                        <div className={styles['rankPeople_Name_txt']}>
                        交流|预测周赛积分家看到你宝贵的面经和经验分享，我们为大家提供了家看到你宝贵的面经和经验分享，我们为大家提供了
                        </div>
                    </div>    
                    <div className={styles['rankPeople_logo']}>
                        <img src="https://static.leetcode-cn.com/cn-mono-assets/production/assets/new.77389df8.png" alt="" />
                    </div>
                </div>
                <div className={styles['rankPeople_message']}>为了更好地让大家看到你宝贵的面经和经验分享，我们为大家提供了一些关于如何在「求职面试」中发布一篇帖子的建议，快速掌握正确发帖姿势。</div>
            </div>
            <div className={styles['rank']}>
                <div className={styles['rankPeople']}>
                    <div className={styles['rankPeople_Num']}>1</div>
                    <div className={styles['rankPeople_Name']}>
                        <img src="https://static.leetcode-cn.com/cn-mono-assets/production/assets/new.77389df8.png" alt="" />
                        <div className={styles['rankPeople_Name_txt']}>
                        交流|预测周赛积分家看到你宝贵的面经和经验分享，我们为大家提供了家看到你宝贵的面经和经验分享，我们为大家提供了
                        </div>
                    </div>    
                    <div className={styles['rankPeople_logo']}>
                        <img src="https://static.leetcode-cn.com/cn-mono-assets/production/assets/new.77389df8.png" alt="" />
                    </div>
                </div>
                <div className={styles['rankPeople_message']}>为了更好地让大家看到你宝贵的面经和经验分享，我们为大家提供了一些关于如何在「求职面试」中发布一篇帖子的建议，快速掌握正确发帖姿势。</div>
            </div>
            <div className={styles['rank']}>
                <div className={styles['rankPeople']}>
                    <div className={styles['rankPeople_Num']}>1</div>
                    <div className={styles['rankPeople_Name']}>
                        <img src="https://static.leetcode-cn.com/cn-mono-assets/production/assets/new.77389df8.png" alt="" />
                        <div className={styles['rankPeople_Name_txt']}>
                        交流|预测周赛积分家看到你宝贵的面经和经验分享，我们为大家提供了家看到你宝贵的面经和经验分享，我们为大家提供了
                        </div>
                    </div>    
                    <div className={styles['rankPeople_logo']}>
                        <img src="https://static.leetcode-cn.com/cn-mono-assets/production/assets/new.77389df8.png" alt="" />
                    </div>
                </div>
                <div className={styles['rankPeople_message']}>为了更好地让大家看到你宝贵的面经和经验分享，我们为大家提供了一些关于如何在「求职面试」中发布一篇帖子的建议，快速掌握正确发帖姿势。</div>
            </div>
            <div className={styles['rank']}>
                <div className={styles['rankPeople']}>
                    <div className={styles['rankPeople_Num']}>1</div>
                    <div className={styles['rankPeople_Name']}>
                        <img src="https://static.leetcode-cn.com/cn-mono-assets/production/assets/new.77389df8.png" alt="" />
                        <div className={styles['rankPeople_Name_txt']}>
                        交流|预测周赛积分家看到你宝贵的面经和经验分享，我们为大家提供了家看到你宝贵的面经和经验分享，我们为大家提供了
                        </div>
                    </div>    
                    <div className={styles['rankPeople_logo']}>
                        <img src="https://static.leetcode-cn.com/cn-mono-assets/production/assets/new.77389df8.png" alt="" />
                    </div>
                </div>
                <div className={styles['rankPeople_message']}>为了更好地让大家看到你宝贵的面经和经验分享，我们为大家提供了一些关于如何在「求职面试」中发布一篇帖子的建议，快速掌握正确发帖姿势。</div>
            </div>
            <div className={styles['rank']}>
                <div className={styles['rankPeople']}>
                    <div className={styles['rankPeople_Num']}>1</div>
                    <div className={styles['rankPeople_Name']}>
                        <img src="https://static.leetcode-cn.com/cn-mono-assets/production/assets/new.77389df8.png" alt="" />
                        <div className={styles['rankPeople_Name_txt']}>
                        交流|预测周赛积分家看到你宝贵的面经和经验分享，我们为大家提供了家看到你宝贵的面经和经验分享，我们为大家提供了
                        </div>
                    </div>    
                    <div className={styles['rankPeople_logo']}>
                        <img src="https://static.leetcode-cn.com/cn-mono-assets/production/assets/new.77389df8.png" alt="" />
                    </div>
                </div>
                <div className={styles['rankPeople_message']}>为了更好地让大家看到你宝贵的面经和经验分享，我们为大家提供了一些关于如何在「求职面试」中发布一篇帖子的建议，快速掌握正确发帖姿势。</div>
            </div>
            <div className={styles['rank']}>
                <div className={styles['rankPeople']}>
                    <div className={styles['rankPeople_Num']}>1</div>
                    <div className={styles['rankPeople_Name']}>
                        <img src="https://static.leetcode-cn.com/cn-mono-assets/production/assets/new.77389df8.png" alt="" />
                        <div className={styles['rankPeople_Name_txt']}>
                        交流|预测周赛积分家看到你宝贵的面经和经验分享，我们为大家提供了家看到你宝贵的面经和经验分享，我们为大家提供了
                        </div>
                    </div>    
                    <div className={styles['rankPeople_logo']}>
                        <img src="https://static.leetcode-cn.com/cn-mono-assets/production/assets/new.77389df8.png" alt="" />
                    </div>
                </div>
                <div className={styles['rankPeople_message']}>为了更好地让大家看到你宝贵的面经和经验分享，我们为大家提供了一些关于如何在「求职面试」中发布一篇帖子的建议，快速掌握正确发帖姿势。</div>
            </div>
            <div className={styles['rank']}>
                <div className={styles['rankPeople']}>
                    <div className={styles['rankPeople_Num']}>1</div>
                    <div className={styles['rankPeople_Name']}>
                        <img src="https://static.leetcode-cn.com/cn-mono-assets/production/assets/new.77389df8.png" alt="" />
                        <div className={styles['rankPeople_Name_txt']}>
                        交流|预测周赛积分家看到你宝贵的面经和经验分享，我们为大家提供了家看到你宝贵的面经和经验分享，我们为大家提供了
                        </div>
                    </div>    
                    <div className={styles['rankPeople_logo']}>
                        <img src="https://static.leetcode-cn.com/cn-mono-assets/production/assets/new.77389df8.png" alt="" />
                    </div>
                </div>
                <div className={styles['rankPeople_message']}>为了更好地让大家看到你宝贵的面经和经验分享，我们为大家提供了一些关于如何在「求职面试」中发布一篇帖子的建议，快速掌握正确发帖姿势。</div>
            </div>
        </div>
    )
}